// 定义食物类
class Food {
    // 属性
  // 要获取元素
  element: HTMLElement;
  constructor() {
    // ! 表示一定存在
    this.element = document.getElementById("food")!;
  }
    //   方法
    // 获取XY坐标  用于判断是否被吃
    get X(){
        return this.element.offsetLeft
    }
    get Y(){
        return this.element.offsetTop
    }
    // 被吃之后改变元素的位置
    change(){
        // 左上角坐标分析  范围为 0  - 290 
        // 蛇每次移动 10   所以 坐标取值为 10 20 。。。
        let x=Math.round( Math.random()*29)*10
        let y=Math.round( Math.random()*29)*10
        this.element.style.left=x+'px'
        this.element.style.top=y+'px'
    }
}

export default Food